<!DOCTYPE html>
<html lang="en">

<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<meta http-equiv="X-UA-Compatible" content="ie=edge">
	<title>工单管理</title>
	<link href="https://cdn.jsdelivr.net/npm/feidao-css/feidao.css" type="text/css" rel="stylesheet">
	<link rel="stylesheet" type="text/css" href="../css/iconfont-web.css">
	<link rel="stylesheet" type="text/css" href="../css/daokes-web.css">
</head>

<body>
	<div class="pos-r ht100-per w100-per">
		<!-- 左侧菜单 start -->
		<div class="pos-a pos-t0 pos-l0 pos-b0 bg-e" style="width:160px;">
			放置左侧菜单
		</div>
		<!-- 左侧菜单 end -->
		<!-- 右侧 start -->
		<div style="padding-left:166px;">
			<!-- 右侧顶部 start -->
			<div class="bg-c" style="height: 50px;">顶部</div>
			<!-- 右侧顶部 end -->
			<!-- content start -->
			<div class="p20 border-b-1">
				<h2>工单管理</h2>
			</div>
			<div>
				<div class="p20 border-r-1 display-ib box vertical-a-t" style="width:20%;">
					<ul class="display-ib text-c" style="width: 97%;">
						<li class="ht40 l-ht40 border-b-1 cursor-p bg-theme color-f">产品</li>
						<li class="ht40 l-ht40 border-b-1 cursor-p bg-e">翻转课堂</li>
						<li class="ht40 l-ht40 border-b-1 cursor-p bg-e">摩炫</li>
						<li class="ht40 l-ht40 border-b-1 cursor-p bg-e">智慧农网</li>
					</ul>
				</div>
				<div class="p20 display-ib box vertical-a-t" style="width:79%;">
					<div class="overflow-x-a overflow-y-a">
						<!-- 表格 start -->
						<div style="margin-top: 10px;width: 1319px;">
							<!--表头 start -->
							<div class="border-t-1 border-l-1 border-b-1 font12 t_title" style="background:#F8FAFC;">
								<span class="display-ib p5 border-r-1 vertical-a-t text-c ht30 l-ht30" style="width:50px;">
									1
								</span><span class="display-ib p5 border-r-1 vertical-a-t text-c ht30 l-ht30" style="width:200px;">工单名称
								</span><span class="display-ib p5 border-r-1 vertical-a-t text-c ht30 l-ht30" style="width:120px;">工单状态
								</span><span class="display-ib p5 border-r-1 vertical-a-t text-c ht30 l-ht30" style="width:120px;">预计交付日期
								</span><span class="display-ib p5 border-r-1 vertical-a-t text-c ht30 l-ht30" style="width:120px;">延期日期
								</span><span class="display-ib p5 border-r-1 vertical-a-t text-c ht30 l-ht30" style="width:200px;">工艺路线
								</span><span class="display-ib p5 border-r-1 vertical-a-t text-c ht30 l-ht30" style="width:120px;">开始日期
								</span><span class="display-ib p5 border-r-1 vertical-a-t text-c ht30 l-ht30" style="width:300px;">操作
								</span>
							</div>
							<!--表头 end-->
							<!-- 表体 start -->
							<div data-feidao-presentation="P02" class="border-l-1 font12 t_body">
								<div class="tableRow">
									<span class="display-ib p5 border-r-1 border-b-1 vertical-a-t text-c ht30 l-ht30" style="width:50px;">
										1
									</span><span class="display-ib p5 border-r-1 border-b-1 vertical-a-t text-c ht30 l-ht30 overflow-h" style="width:200px;"
									 title="">翻转课堂一期
									</span><span class="display-ib p5 border-r-1 border-b-1 vertical-a-t text-c ht30 l-ht30 overflow-h" style="width:120px;"
									 title="">已交付
									</span><span class="display-ib p5 border-r-1 border-b-1 vertical-a-t text-c ht30 l-ht30 overflow-h" style="width:120px;"
									 title="">2018-60-30
									</span><span class="display-ib p5 border-r-1 border-b-1 vertical-a-t text-c ht30 l-ht30 overflow-h" style="width:120px;"
									 title="">2018-60-30
									</span><span class="display-ib p5 border-r-1 border-b-1 vertical-a-t text-c ht30 l-ht30 overflow-h" style="width:200px;"
									 title="">页面编码式工艺
									</span><span class="display-ib p5 border-r-1 border-b-1 vertical-a-t text-c ht30 l-ht30 overflow-h" style="width:120px;"
									 title="">2018-60-30
									</span><span class="display-ib p5 border-r-1 border-b-1 vertical-a-t text-c ht30 l-ht30 overflow-h" style="width:300px;"
									 title="">
										<span class="color-theme cursor-p" style="margin: 0 5px;">设置工序周期</span>
										<span class="color-theme cursor-p" style="margin: 0 5px;">查看延期记录</span>
										<span class="color-theme cursor-p" style="margin: 0 5px;">暂停</span>
										<span class="color-theme cursor-p" style="margin: 0 5px;">延期</span>
									</span>
								</div>
								<div class="tableRow">
									<span class="display-ib p5 border-r-1 border-b-1 vertical-a-t text-c ht30 l-ht30" style="width:50px;">
										1
									</span><span class="display-ib p5 border-r-1 border-b-1 vertical-a-t text-c ht30 l-ht30 overflow-h" style="width:200px;"
									 title="">翻转课堂一期
									</span><span class="display-ib p5 border-r-1 border-b-1 vertical-a-t text-c ht30 l-ht30 overflow-h" style="width:120px;"
									 title="">已交付
									</span><span class="display-ib p5 border-r-1 border-b-1 vertical-a-t text-c ht30 l-ht30 overflow-h" style="width:120px;"
									 title="">2018-60-30
									</span><span class="display-ib p5 border-r-1 border-b-1 vertical-a-t text-c ht30 l-ht30 overflow-h" style="width:120px;"
									 title="">2018-60-30
									</span><span class="display-ib p5 border-r-1 border-b-1 vertical-a-t text-c ht30 l-ht30 overflow-h" style="width:200px;"
									 title="">页面编码式工艺
									</span><span class="display-ib p5 border-r-1 border-b-1 vertical-a-t text-c ht30 l-ht30 overflow-h" style="width:120px;"
									 title="">2018-60-30
									</span><span class="display-ib p5 border-r-1 border-b-1 vertical-a-t text-c ht30 l-ht30 overflow-h" style="width:300px;"
									 title="">
										<span class="color-theme cursor-p" style="margin: 0 5px;">设置工序周期</span>
										<span class="color-theme cursor-p" style="margin: 0 5px;">查看延期记录</span>
										<span class="color-theme cursor-p" style="margin: 0 5px;">暂停</span>
										<span class="color-theme cursor-p" style="margin: 0 5px;">延期</span>
									</span>
								</div>
							</div>
							<!-- 表体 end -->
						</div>
						<!-- 表格 end -->
					</div>
				</div>
			</div>
			<!-- content end -->
		</div>
		<!-- 右侧 end -->
	</div>

	<!-- 延期弹窗 start -->
	<div class="bg-black-rgba6 pos-f pos-t0 pos-r0 pos-b0 pos-l0 overflow-y-a ht100-per w100-per font14 display-n" style="z-index:99;">
		<div style="width:400px;padding-top:200px;padding-bottom:30px;margin:0 auto;">
			<div class="bg-f radius-4 overflow-h">
				<div class="bg-f4 font14 bg-theme color-f" style="height: 40px;line-height: 40px;padding-left: 10px;">
					<i class="icon iconfont icon-close fr text-c cursor-p font18" style="width:40px;" title="close"
					 data-feidao-actions="click:eu-001"></i>延期
				</div>
				<form class="p20">
					<div class="ht40 l-ht40 text-c font14" style="margin: 5px 0;">
						<span class="display-ib color-6 font14 text-r" style="width: 100px;">
							<span class="color-red pos-r font18" style="right: 3px;top:5px;">*</span>延期日期：
						</span>
						<input type="date" class="border-1 radius-4 l-ht30 ht30" style="padding:0 5px;width:200px;">
					</div>
					<div class="text-c font14" style="margin: 5px 0;">
						<span class="display-ib color-6 font14 text-r vertical-a-t" style="width: 100px;">
							<span class="color-red pos-r font18" style="right: 3px;top:5px;">*</span>延期原因：
						</span>
						<textarea name="" id="" cols="30" rows="10" class="border-1 radius-4 vertical-a-t" style="padding:0 5px;width:200px;height: 80px;resize: none;"></textarea>
					</div>
					<div class="text-c" style="margin-top: 20px;">
						<input type="button" value="保存" class="btn-hov" style="width: 80px;" />
					</div>
				</form>
			</div>
		</div>
	</div>
	<!-- 延期弹窗 end -->

	<!-- 延期记录 弹窗start -->
	<div class="bg-black-rgba6 pos-f pos-t0 pos-r0 pos-b0 pos-l0 overflow-y-a ht100-per w100-per font14 display-n" style="z-index:99;">
		<div style="width:585px;padding-top:200px;padding-bottom:30px;margin:0 auto;">
			<div class="bg-f radius-4 overflow-h">
				<div class="bg-f4 font14 bg-theme color-f" style="height: 40px;line-height: 40px;padding-left: 10px;">
					<i class="icon iconfont icon-close fr text-c cursor-p font18" style="width:40px;" title="close"
					 data-feidao-actions="click:eu-001"></i>延期记录
				</div>
				<form class="p20">
					<!-- 表格 start -->
					<div style="margin-top: 10px;width: 534px;min-height: 200px;">
						<!--表头 start -->
						<div class="border-t-1 border-l-1 border-b-1 font12 t_title" style="background:#F8FAFC;">
							<span class="display-ib p5 border-r-1 vertical-a-t text-c ht30 l-ht30" style="width:50px;">序号
							</span><span class="display-ib p5 border-r-1 vertical-a-t text-c ht30 l-ht30" style="width:150px;">延期日期
							</span><span class="display-ib p5 border-r-1 vertical-a-t text-c ht30 l-ht30" style="width:300px;">延期原因
							</span>
						</div>
						<!--表头 end-->
						<!-- 表体 start -->
						<div data-feidao-presentation="P02" class="border-l-1 font12 t_body">
							<div class="tableRow">
								<span class="display-ib p5 border-r-1 border-b-1 vertical-a-t text-c ht30 l-ht30 overflow-h" style="width:50px;"
								 title="">1
								</span><span class="display-ib p5 border-r-1 border-b-1 vertical-a-t text-c ht30 l-ht30 overflow-h" style="width:150px;"
								 title="">2018-19-1
								</span><span class="display-ib p5 border-r-1 border-b-1 vertical-a-t text-c ht30 l-ht30 overflow-h" style="width:300px;"
								 title="">测试时测试时测试时测试时测试时测试时测试时
								</span>
							</div>
						</div>
						<!-- 表体 end -->
					</div>
					<!-- 表格 end -->
				</form>
			</div>
		</div>
	</div>
	<!-- 延期记录 弹窗end -->

	<!-- 设置工序周期弹窗 start -->
	<div class="bg-black-rgba6 pos-f pos-t0 pos-r0 pos-b0 pos-l0 overflow-y-a ht100-per w100-per font14 display-n" style="z-index:99;">
		<div style="width:500px;padding-top:200px;padding-bottom:30px;margin:0 auto;">
			<div class="bg-f radius-4 overflow-h">
				<div class="bg-f4 font14 bg-theme color-f" style="height: 40px;line-height: 40px;padding-left: 10px;">
					<i class="icon iconfont icon-close fr text-c cursor-p font18" style="width:40px;" title="close"
					 data-feidao-actions="click:eu-001"></i>设置工序周期
				</div>
				<form class="p20">
					<div class="ht40 l-ht40 text-c font14" style="margin: 5px 0;">
						<div class="display-ib">
							<span class="display-ib color-6 font14 text-r">工单预计交付日期：</span>
							<span class="display-ib" style="width:120px;">2018-16-12</span>
						</div>
						<div class="display-ib">
							<span class="display-ib color-6 font14 text-r" style="width: 83px;">延期日期：</span>
							<span class="display-ib" style="width:120px;">2018-16-12</span>
						</div>
					</div>
					<div class="ht40 l-ht40 text-c font14" style="margin: 5px 0;">
						<span class="display-ib color-6 font14 text-r" style="width: 100px;">需求分析：
						</span>
						<input type="date" class="border-1 radius-4 l-ht30 ht30" style="padding:0 5px;width:305px;">
					</div>
					<div class="ht40 l-ht40 text-c font14" style="margin: 5px 0;">
						<span class="display-ib color-6 font14 text-r" style="width: 100px;">场景设计：
						</span>
						<input type="date" class="border-1 radius-4 l-ht30 ht30" style="padding:0 5px;width:305px;">
					</div>
					<div class="ht40 l-ht40 text-c font14" style="margin: 5px 0;">
						<span class="display-ib color-6 font14 text-r" style="width: 100px;">页面总装：
						</span>
						<input type="date" class="border-1 radius-4 l-ht30 ht30" style="padding:0 5px;width:305px;">
					</div>
					<div class="ht40 l-ht40 text-c font14" style="margin: 5px 0;">
						<span class="display-ib color-6 font14 text-r" style="width: 100px;">打包部署：
						</span>
						<input type="date" class="border-1 radius-4 l-ht30 ht30" style="padding:0 5px;width:305px;">
					</div>
					<div class="text-c" style="margin-top: 20px;">
						<input type="button" value="保存" class="btn-hov" style="width: 80px;" />
					</div>
				</form>
			</div>
		</div>
	</div>
	<!-- 设置工序周期弹窗 end -->



</body>

</html>